<page-header [title]="'逾期还款'">
  <ng-template #breadcrumb>
    <nz-breadcrumb>
      <nz-breadcrumb-item>基本信息</nz-breadcrumb-item>
      <!--<nz-breadcrumb-item><a [routerLink]="['/prod/product']">产品资料</a></nz-breadcrumb-item>-->
    </nz-breadcrumb>
  </ng-template>
  <ng-template #tab>
    <nz-tabset [nzSize]="'default'" [nzTabBarExtraContent]="extraTemplate">
      <nz-tab nzTitle="基本信息" (nzSelect)="changeTab(0)"></nz-tab>
      <!--<nz-tab nzTitle="库存/价格" (nzSelect)="changeTab(1)"></nz-tab>-->
      <!--<nz-tab nzTitle="其他" (nzSelect)="changeTab(2)"></nz-tab>-->
    </nz-tabset>
  </ng-template>
  <ng-template #extraTemplate>
    <button nz-button (click)="back()"><i class="anticon anticon-rollback"></i>返回列表</button>
  </ng-template>
</page-header>

<nz-card [nzBordered]="false" *ngIf="tabIndex === 0">
  <form nz-form>
    <nz-form-item>
      <nz-form-label nzSpan="2" >客户姓名</nz-form-label>
      <nz-form-control nzSpan="4">
        <input readonly="readonly" nz-input [(ngModel)]="product.cusName" name="cusName">
      </nz-form-control>

      <nz-form-label nzSpan="2" >手机号码</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.cusMobile" name="cusMobile">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>还款状态</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-select [(ngModel)]="product.bpmStatus" name="bpmStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
          <nz-option [nzLabel]="bpmStatu.text" [nzValue]="bpmStatu.value" *ngFor="let bpmStatu of bpmStatus"></nz-option>
        </nz-select>
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>当前状态</nz-form-label>
      <nz-form-control nzSpan="4">
          <nz-select [(ngModel)]="product.mStatus" name="mStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
            <nz-option [nzLabel]="mStatus.text" [nzValue]="mStatus.value" *ngFor="let mStatus of mStatus"></nz-option>
          </nz-select>
        </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>人车状态</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-select [(ngModel)]="product.rchStatus" name="rchStatus" nzAllowClear nzShowSearch [nzPlaceHolder]="'请选择'">
          <nz-option [nzLabel]="rchStatus.text" [nzValue]="rchStatus.value" *ngFor="let rchStatus of rchStatus"></nz-option>
        </nz-select>
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>实际还款金额</nz-form-label>
      <nz-form-control nzSpan="4">
        <input   nz-input [(ngModel)]="product.payAmount" name="payAmount">
      </nz-form-control>

      <nz-form-label nzSpan="2" >订单编号</nz-form-label>
      <nz-form-control nzSpan="4">
        <input  readonly="readonly" nz-input [(ngModel)]="product.orderNo" name="orderNo">
      </nz-form-control>

      <!--<nz-form-label nzSpan="2" >车辆信息</nz-form-label>-->
      <!--<nz-form-control nzSpan="4">-->
        <!--<input   readonly="readonly" nz-input [(ngModel)]="product.orderInfo" name="orderInfo">-->
      <!--</nz-form-control>-->

      <nz-form-label nzSpan="2">应还日期</nz-form-label>
      <nz-form-control nzSpan="4">
        <nz-date-picker nzFormat="yyyy-MM-dd" name="refDate" [(ngModel)]="product.refDate"></nz-date-picker>
      </nz-form-control>

      <nz-form-label nzSpan="2">期数</nz-form-label>
      <nz-form-control nzSpan="4">
        <input   readonly="readonly" nz-input [(ngModel)]="product.refPeriod" name="refPeriod">
      </nz-form-control>

      <nz-form-label nzSpan="2" >总期数</nz-form-label>
      <nz-form-control nzSpan="4">
        <input   readonly="readonly" nz-input [(ngModel)]="product.refTotalPeriod" name="refTotalPeriod">
      </nz-form-control>

      <nz-form-label nzSpan="2" >期初金额</nz-form-label>
      <nz-form-control nzSpan="4">
       <input  readonly="readonly" nz-input [(ngModel)]="product.refFbenjin" name="refFbenjin">
      </nz-form-control>


      <nz-form-label nzSpan="2" >应还金额</nz-form-label>
      <nz-form-control nzSpan="4">
        <input  readonly="readonly" nz-input [(ngModel)]="product.refAmount" name="refAmount">
      </nz-form-control>


      <nz-form-label nzSpan="2" >应还利息</nz-form-label>
      <nz-form-control nzSpan="4">
        <input  readonly="readonly" nz-input [(ngModel)]="product.refLixi" name="refLixi">

      </nz-form-control>
      <nz-form-label nzSpan="2" >剩余本金</nz-form-label>
      <nz-form-control nzSpan="4">
        <input  readonly="readonly" nz-input [(ngModel)]="product.refSybenjin" name="refSybenjin">
      </nz-form-control>

      <nz-form-label nzSpan="2" nzRequired>备注</nz-form-label>
      <nz-form-control nzSpan="4">
        <input nz-input [(ngModel)]="product.reMark" name="reMark">
      </nz-form-control>









    </nz-form-item>
  </form>





</nz-card>

<nz-card [nzBordered]="false" *ngIf="tabIndex === 1">

</nz-card>

<nz-card [nzBordered]="false" *ngIf="tabIndex === 2">

</nz-card>

<footer-toolbar errorCollect>
  <button nz-button type="primary" nzType="primary" (click)="save()">保存</button>
</footer-toolbar>
